<template>
  <div class="me-list">
    <p v-for="(item,index) in list" :key="index" class="item">
      <van-icon :name="item.icon" size="30" color="#b22222"/>
      <span style="position: relative; left: 0.5rem; bottom:0.3rem; font-size:1.2rem">{{item.name}}</span>
    </p>
  </div>
</template>

<script>
export default {
  name: 'meList',
  data () {
    return {
      list: [
        {name: '历史订单', icon: 'orders-o'},
        {name: '个人资料', icon: 'contact'},
        {name: '会员码', icon: 'qr'},
        {name: '兑换码', icon: 'newspaper-o'},
        {name: '消息中心', icon: 'chat-o'},
        {name: '意见反馈', icon: 'records'},
        {name: '版本更新', icon: 'tosend'},
      ]
    }
  },
}
</script>

<style scoped lang="scss">
.me-list{
  .item {
    padding-left: 1rem;
    padding-top: 1rem;
  }
}

</style>
